$(function () {

  // 给输入的用户昵称，添加一个验证功能
  var form = layui.form
  var layer = layui.layer
  form.verify({
    nickname: function (value) {
      if (value.length > 6) {
        return '昵称长度必须在1~6个字符之间'
      }
    }
  })

  initUserInfo()



  // 再次获取后台用户数据信息，
  function initUserInfo() {
    $.ajax({
      method: 'get',
      url: '/my/userinfo',
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('获取用户信息失败！')
        }
        console.log(res);
        // 给表单添加了一个
        //lay - filter="formUserInfo" ，然后
        //用form.val的方式可以让我们快速获取到表单里面的值
        //然后回填到页面中
        form.val('formUserInfo', res.data)
      }
    })
  }

  $('.layui-form').on('submit', function (e) {
    // 阻止表单的默认提交功能
    e.preventDefault()
    $.ajax({
      type: 'post',
      url: '/my/userinfo',
      // $(this).serialize() 表示快速获取到表单中的用户输入的值
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('用户信息获取失败')
        }
        layer.msg('用户数据获取成功')

        // window.parent 指向index.html页面
        // get表示调用父元素中的函数方法
        window.parent.getUserInfo()
      }
    })
  })


  // 给重置按钮一个点击事件，先阻止默认提交，在调用渲染页面函数
  $('#btnReset').on('click', function (e) {
    // 阻止表单的默认重置行为
    e.preventDefault()
    initUserInfo()
  })




})